/**
 * 1 发送请求获取数据
 * 2 点击轮播图 预览大图
 *   1 给轮播图绑定点击事件
 *   2 调用小程序的api previewImage
 * 3 点击加入购物车
 *   1 绑定点击事件
 *   2 获取缓存中的购物车数据 数组格式
 *   3 先判断 当前商品是否已存在于 购物车中
 *   4 已经存在 修改商品数据 执行购物车数量++ 重新把购物车数组 填充会缓存中
 *   5 不存在于购物车的数组中 直接给购物车数组添加一个新元素 新元素 带上 购买数量属性 num 重新把购物车数组 填充会缓存中
 *   6 弹出提示
 * 4 商品收藏
 *   1 页面onShow的时候 加载缓存中的商品收藏的数据
 *   2 判断当前商品是不是被收藏
 *     1 是 改变页面的图标
 *     2 不是。。
 *   3 点击商品收藏按钮
 *     1 判断该商品是否存在于缓存数组中
 *     2 已经存在 把该商品删除
 *     3 没有存在 把商品添加到收藏数组中 存入到缓存中即可
 */
import { request } from "../../request/index.js";
import { login, showToast } from "../../utils/asyncWx.js";
Page({

    /**
     * 页面的初始数据
     */
    data: {
        goodsObj: {},
        userInfo: {}
    },
    // 为了方便 设置 全局对象 商品对象
    GoodsInfo: {},

    /**
     * 生命周期函数--监听页面加载
     */
    onShow: function() {
        wx.hideLoading();
        let buy = [];
        wx.setStorageSync("buy", buy);
        // 获取缓存中的用户信息
        const userInfo = wx.getStorageSync("userInfo");
        this.setData({ userInfo });
        let pages = getCurrentPages();
        let currentPage = pages[pages.length - 1];
        let options = currentPage.options;
        const { goods_id } = options;
        this.getGoodsDetail(goods_id);
    },

    // 获取商品详情数据
    async getGoodsDetail(goods_id) {
        const goodsObj = await request({ url: "/goods/getByGoods_id", data: { goods_id } });
        this.GoodsInfo = goodsObj;
        this.setData({
            goodsObj: {
                goods_id: goodsObj.data.data[0].goodsId,
                goods_name: goodsObj.data.data[0].goodsName,
                goods_price: goodsObj.data.data[0].price,
                goods_introduce: goodsObj.data.data[0].information,
                pics: goodsObj.data.data[0].img
            }
        })
    },

    // 点击轮播图 放大预览
    handlePreviewImage(e) {
        // 1 先构造要预览的图片数组
        const urls = this.GoodsInfo.data.message.pics.map(v => v.pics_mid);
        // 2 接收传递过来的图片url
        const current = e.currentTarget.dataset.url;
        wx.previewImage({
            current,
            urls
        });
    },

    // 点击加入购物车
    handleCartAdd() {
        // 1 获取缓存中的购物车 数组
        let cart = wx.getStorageSync("cart") || [];
        // 2 判断 商品对象是否存在于购物车数组中
        this.GoodsInfo = this.GoodsInfo.data.data[0]
        let index = cart.findIndex(v => v.goodsId === this.GoodsInfo.goodsId);
        if (index === -1) {
            // 3 不存在 第一次添加
            this.GoodsInfo.num = 1;
            this.GoodsInfo.checked = true;
            cart.push(this.GoodsInfo);
        } else {
            // 4 已经存在购物车数据 执行 num++
            cart[index].num++;
        }
        // 5 把购物车重新添加回缓存中
        wx.setStorageSync("cart", cart);
        // 6 弹窗提示
        wx.showToast({
            title: '加入购物车成功',
            icon: 'success',
            // true 防止用户 手抖 疯狂点击按钮
            mask: true
        });
    },

    async handlePay(e) {
        // 1 判断登录状态
        if (!this.data.userInfo || this.data.userInfo.length === 0) {
            wx.showModal({
                title: '提示',
                content: '您还没有登录',
                showCancel: true,
                cancelText: '取消',
                cancelColor: '#000000',
                confirmText: '登录授权',
                confirmColor: '#3CC51F',
                success: (res) => {
                    if (res.confirm) {
                        wx.showLoading({
                            title: "加载中",
                            mask: true,
                            success: (res) => {
                                setTimeout(function() {
                                    wx.switchTab({
                                        url: '/pages/user/index',
                                        fail: () => { return; }
                                    });
                                }, 1000);
                            },
                        });
                    } else { return; }
                },
            });
            return;
        }

        // 2 判断用户状态
        const index = await request({ url: "/user/getByOpenId", data: { open_id: this.data.userInfo.open_id }, method: "GET" });
        console.log(index);
        if (index.data.data.length === 1) {
            if (index.data.data[0].state === 1) {
                showToast({ title: "您已被封禁，详情请联系客服", icon: "none" });
                wx.removeStorageSync("userInfo");
                wx.removeStorageSync("cart");
                wx.removeStorageSync("address");
                wx.removeStorageSync("expiration");
                this.setData({
                    userInfo: []
                });
                return;
            }
            if (index.data.data[0].state === 2) {
                showToast({ title: "您已被封禁，详情请联系客服", icon: "none" });
                return;
            }
        }
        let buy = wx.getStorageSync("buy") || [];
        this.GoodsInfo = this.GoodsInfo.data.data[0]
        this.GoodsInfo.num = 1;
        this.GoodsInfo.checked = true;
        buy.push(this.GoodsInfo);
        wx.setStorageSync("buy", buy);
        wx.showLoading({
            title: "加载中",
            mask: true,
            success: (res) => {
                setTimeout(function() {
                    wx.navigateTo({
                        url: '/pages/buy/index',
                        fail: () => { return; }
                    });
                }, 1000);
            },
        });
    }
})